import Vue from 'vue'
import WtToast from './index.vue'
// import WtBox from './wt-box.vue'
// 创建Toast对应的子类构造函数
let ToastConstructor = Vue.extend(WtToast)

// 通过插件的方法进行安装使用
export default Vue => {
  Vue.prototype.$toast = function (text) {
    let wtToast = new ToastConstructor({
      data: {
        msg: '好好学习'
      },
      propsData: {
        text: text
      },
      mounted() {
        console.log('11')
      },
      components: {
        'wt-box': () => import('./wt-box.vue')
      },
      methods: {
        test() {
          console.log('外部的')
        }
      }
    })
    // $mount进行渲染这个组件
    wtToast.$mount()
    // 把渲染后的真实dom插入body中去
    document.body.appendChild(wtToast.$el)
  }
}
